<template>
  <DataConstructer
      style="margin: 20px 100px"
      :api-url="param"
      :delete-permission="true"
      :insert-permission="true"
      :update-permission="true"
      :export-permission="true"/>
</template>

<script setup>
import {computed, ref, watch} from 'vue'
import {useRoute, useRouter} from 'vue-router'
import { Search } from '@element-plus/icons-vue'
import DataConstructer from "@/components/DataConstructer.vue";

const route = useRoute()
const router = useRouter()
let param = computed(()=>route.query.api)



console.log(param)
</script>

<style scoped>
.search-page {
  padding: 20px;
}

h2 {
  color: #a0d911;
  margin-bottom: 20px;
}

.search-container {
  max-width: 600px;
  margin: 0 auto 30px;
}

.search-tabs {
  margin-top: 20px;
}

:deep(.el-tabs__item) {
  font-size: 16px;
}

:deep(.el-tabs__active-bar) {
  background-color: #a0d911;
}

:deep(.el-tabs__item.is-active) {
  color: #a0d911;
}
</style>